<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="utf-8">
    <title>创建云呼资料包</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" th:href="@{/js/layui/css/layui.css}"  media="all" />
    <link rel="stylesheet" th:href="@{/css/public.css}"  media="all" />
</head>
<body style="-webkit-backface-visibility: hidden;">
    <div style="width:100%;">
        <form class="layui-form layui-row" style="padding: 5px 5px" >
            <input name="callNum" id="callNum" type="hidden"/>
            <table class="layui-hide" id="taskList" lay-filter="taskList"></table>
            <div style="height:64px;margin-top: 5px;">
                <blockquote class="layui-elem-quote title"><i class="seraph icon-caidan"></i>
                    <div class="layui-inline">
                        <div class="layui-input-inline" width="230px">
                            <!--<input type="text" class="layui-input searchVal" placeholder="请选择提醒话术" />-->
                            <th:block th:value="${speakingPackages!=null}">
                                <select name="packageId" lay-filter="speakingPackages" id="speakingPackage" lay-search="" >
                                    <option value="">请选择话术包(可输关键词)</option>
                                    <option th:each="it:${speakingPackages}" th:value="${it.id}" th:text="${it.packageName}" ></option>
                                </select>
                            </th:block>
                        </div>
                    </div>
                </blockquote>
            </div>
            <div style="height:64px;margin-top: 5px;">
                <blockquote class="layui-elem-quote title"><i class="seraph icon-caidan"></i>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <input type="text" name="taskName" class="layui-input taskName" lay-verify="required"  placeholder="请输入任务包名称"/>
                        </div>
                    </div>
                </blockquote>
            </div>
            <!-- <div style="text-align: center">
                 <a class="layui-btn" style="width: 250px" data-type="reload" id="showMore">更多</a>
             </div>
             <div id="moreDiv" class="layui-col-space10" style="display: none;">
                 <div>
                     <blockquote class="layui-elem-quote title"><i class="seraph icon-caidan"></i>
                         <div class="layui-inline">
                             <div class="layui-input-inline">
                                 &lt;!&ndash;<input type="text" class="layui-input searchVal" placeholder="请选择话术类型" />&ndash;&gt;
                                 <select name="modules" lay-verify="required">
                                     <option value="">请选择话术类型</option>
                                     <option value="1">layer</option>
                                     <option value="2">form</option>
                                     <option value="3">layim</option>
                                     <option value="4">element</option>
                                     <option value="5">laytpl</option>
                                     <option value="6">upload</option>
                                     <option value="7">laydate</option>
                                     <option value="8">laypage</option>
                                     <option value="9">flow</option>
                                     <option value="10">util</option>
                                     <option value="11">code</option>
                                     <option value="12">tree</option>
                                     <option value="13">layedit</option>
                                     <option value="14">nav</option>
                                     <option value="15">tab</option>
                                     <option value="16">table</option>
                                     <option value="17">select</option>
                                     <option value="18">checkbox</option>
                                     <option value="19">switch</option>
                                     <option value="20">radio</option>
                                 </select>
                             </div>
                         </div>
                     </blockquote>
                 </div>
                 <div>
                     <blockquote class="layui-elem-quote title"><i class="seraph icon-caidan"></i>
                         <div class="layui-inline">
                             <div class="layui-input-inline">
                                 <input type="text" class="layui-input searchVal" placeholder=""/>
                             </div>
                         </div>
                     </blockquote>
                 </div>
             </div>-->
            <div style="position:absolute;left: 0px;bottom: 0px; width: 100%;height: 50px;background-color: #f2f2f2;padding: 0px;display: none">
                <button type="button" class="layui-btn" lay-submit lay-filter="add" style="width: 100px;float: right;margin-top: 7px;margin: 5px 5px;">保存</button>
                <button type="button" class="layui-btn"  id="cancel"  style="width: 100px;margin-top: 7px;background-color: #b2b2b2;float: right;margin: 5px 5px;" >取消</button>
            </div>
        </form>
    </div>
    <script th:inline="javascript">
        var message = [[${callTaskSources}]];
        console.log(message);
        const baseUrl = [[${#servletContext.contextPath}]];
        console.log(baseUrl);
    </script>
    <script type="text/javascript"   th:src="@{/js/layui/layui.js}"></script>
    <script type="text/javascript"   th:src="@{/js/page/linkageCall/addLinkageCallTask.js(v=${new java.util.Date().getTime()})}"></script>
    <script type="text/javascript"   th:src="@{/js/jquery-1.7.2.min.js}"></script>
    <script type="text/html" id="barDemo">
        <div>
            {{#  if(d.sourceName == "上传Excel文件"){ }}
            <a class="layui-btn layui-btn-xs uploadBtn"  lay-event="edit">{{ d.sourceName }}</a>
            <a class="layui-btn layui-btn-xs"  lay-event="down">下载模板</a>
            {{#  } else { }}
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            {{#  } }}
        </div>
    </script>
    <script type="text/html" id="numTpl">
        {{#  if(d.num > 10000){ }}
        <span style="color: #F581B1;">{{ d.num }}</span>
        {{#  } else { }}
        {{ d.num }}
        {{#  } }}
    </script>
    <script type="text/javascript"   th:src="@{/js/page/utils.js}"></script>
</body>
</html>